<!DOCTYPE html>
<html>
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/login.css">
    <script src="js/jquery-3.4.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/index.js"></script>
    <title>login</title>
    </head>
    <body>
        <div class="content">
            <!-- 上面的navbar -->
            <div class="navbar container">
                <div class="navbarcontent">
                    <div class="row">
                        <!-- 头部的logo -->
                        <div class="logo col-sm-3 col-md-2 col-lg-1 col-lg-offset-1">
                            <a href="#"><img src="../img/index/logo.svg" alt=""></a>
                        </div>
                        <!-- 头部的搜索框 -->
                        <div class="search row col-sm-6 col-md-4 col-lg-3">
                            <input type="text" class="col-xs-9">
                        </div>
                        <!-- 头部的导航栏 -->
                        <div class="headernav col-sm-12 col-md-4 col-md-offset-2 col-lg-offset-3">
                            <ul class="row headernavul">
                                <li>
                                    <a href="/index" class="col-xs-3 headera">首页</a>
                                </li>
                                <li>
                                    <a href="" class="col-xs-3 headera">新手入门</a>
                                </li>
                                <li>
                                    <a href="" class="col-xs-3 headera">API</a>
                                </li>
                                <li>
                                    <a href="" class="col-xs-3 headera">关于</a>
                                </li>
                                <li>
                                    <a href="" class="col-xs-3 headera">注册</a>
                                </li>
                                <li>
                                    <a href="" class="col-xs-3 headera">登录</a>
                                </li>
                            </ul>
                        </div>
                    </div>
            </div>
        </div>
        
        <form method="POST" action="http://localhost:8686/login">
            <div class="main">
                <div class="con">
                    <li class="con1">
                        <a>主页</a>
                        <span>/</span>
                    </li>
                    <li class="con2">
                        登录
                    </li>
                </div>
                <div class="name">用户名</div>
                <input type="text" class="input-name" name="user_name" id="user_name">
                <div class="pwd">密码</div>
                <div><input type="password" class="input-pwd" id="user_pass" name="user_pass"></div>
                <input type="submit" class="log" value="登录" >
                <span class="log1">
                    通过 GitHub 登录
                </span>
                <a class="log2">忘记密码了？</a>
            </div>
        </form>
    </body>
</html>